<ion-header class="commonHeader">
  <ion-toolbar>
      <ion-buttons slot="start">
      <ion-button appDebounceClick (debounceClick)="cancel()">
          <img class="header-icon-img" src="assets/img/close.png" alt="back">
      </ion-button>
      </ion-buttons>
      <ion-title  *ngIf="tagData.data.title" class="nav-title" [ngStyle]="tagData.data.titleCssStyle | styleFilter" >{{tagData.data.title}}</ion-title>
    </ion-toolbar>
</ion-header>
<section *ngIf="!(wxCode === 0 && isWXH5 )" >
  <div [ngStyle]="tagData.data.priceBgCssStyle | styleFilter">
    <p class="pay-price"><span [ngStyle]="tagData.data.symbolCssStyle | styleFilter">{{tagData.data.symbol}}</span><span [ngStyle]="tagData.data.priceCssStyle | styleFilter">{{tagData.data.price}}</span></p>
    <p class="service-name" [ngStyle]="tagData.data.serviceNameCssStyle | styleFilter">{{tagData.data.serviceName}}</p>
  </div>
  <p *ngIf="tagData.data.tips" [ngStyle]="tagData.data.tipsCssStyle | styleFilter" [innerHTML]="tagData.data.tips | parseStyle"></p>
  <ul style="padding-left: 1.75rem; padding-right:1.75rem">
    <ng-container *ngFor="let item of tagData.data.payWay;let i=index">
      <li  *ngIf="(client !== 'JSAPI') || (client === 'JSAPI' && item.payName !== '支付宝支付')" class="pay-line clearfix" appDebounceClick (debounceClick)="checkPayWay(item)" [ngClass]="{'displayno': !showWXPay && item.payName === '微信支付'}">
        <div class="fl logo-block" >
          <img class="logo-img" src="assets/icon/{{item.iconName}}" alt="">
        </div>
        <div class="fl content-block">
          <p class="pay-name">{{item.payName}}</p>
          <p class="pay-info">{{item.info}}</p>
        </div>
        <div class="fr check-block " >
          <i id="payWay{{i}}" class="check-img"  [ngClass]="{'checked': item.checked}"  alt=""></i>
        </div>
        </li>
    </ng-container>
  </ul>
  <button class="pay-btn" appDebounceClick (debounceClick)="pay(tagData.data.button)">
    {{tagData.data.button.label}}
  </button>
</section>
<!-- {
  "type": "tag",
  "style": "xxxx",
  "name": "xxxx",
  "layout": "body",
  "data": {
      "symbol": "¥",
      "price": 2535,
      "serviceName": "选址通会员",
      "payWay": [{
          "iconName": "wexin.png",
          "payName": "微信支付",
          "info": "推荐安装维修7.0以上版本",
          "value": 1 //value等于1，为微信支付
      }, {
          "iconName": "wexin.png",
          "payName": "支付宝支付",
          "info": "推荐有支付宝账户的用户使用",
          "value": 2 //value等于2，为支付宝支付
      }],
      "button": {
          "label": "确认支付",
          "link": {
              "type": "page",
              "target": "pageId",
              "params": {}
          }
      }
  }
} -->
